<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页 | L-LEMON</title>


    <!--STYLESHEET-->
    <!--=================================================-->

    <!--Open Sans Font [ OPTIONAL ]-->
    <link href='../../assets/css/26707bedc25a4344bb99d7e1215825f4.css' rel='stylesheet' type='text/css'>

    <!--Bootstrap Stylesheet [ REQUIRED ]-->
    <link href="../../assets/css/bootstrap.min.css" rel="stylesheet">

    <!--Nifty Stylesheet [ REQUIRED ]-->
    <link href="../../assets/css/nifty.min.css" rel="stylesheet">

    <!--Nifty Premium Icon [ DEMONSTRATION ]-->
    <link href="../../assets/css/nifty-demo-icons.min.css" rel="stylesheet">

    <!--icon Stylesheet-->
    <link href="../../assets/css/ionicons.min.css" rel="stylesheet">

    <!--Demo [ DEMONSTRATION ]-->
    <link href="../../assets/css/nifty-demo.min.css" rel="stylesheet">

    <!--Morris.js [ OPTIONAL ]-->
    <link href="../../assets/css/morris.min.css" rel="stylesheet">

    <!--Magic Checkbox [ OPTIONAL ]-->
    <link href="../../assets/css/magic-check.min.css" rel="stylesheet">

    <!--Bootstrap Table [ OPTIONAL ]-->
    <link href="../../assets/css/bootstrap-table.min.css" rel="stylesheet">

    <!--X-editable [ OPTIONAL ]-->
    <link href="../../assets/css/bootstrap-editable.css" rel="stylesheet">

    <!--Bootstrap Datepicker [ OPTIONAL ]-->
    <link href="../../assets/css/bootstrap-datepicker.min.css" rel="stylesheet">
    <link href="../../assets/css/bootstrapvalidator.min.css" rel="stylesheet">

    <link href="../../assets/js/ztree/css/metro.css" rel="stylesheet">
    <!--JAVASCRIPT-->
    <!--=================================================-->

    <!--Pace - Page Load Progress Par [OPTIONAL]-->
    <link href="../../assets/css/pace.min.css" rel="stylesheet">
    <script src="../../assets/js/pace.min.js"></script>

    <!--jQuery [ REQUIRED ]-->
    <script src="../../assets/js/jquery-2.2.4.min.js"></script>

    <!--BootstrapJS [ RECOMMENDED ]-->
    <script src="../../assets/js/bootstrap.min.js"></script>

    <!--=================================================-->
    <!--Bootstrap Table [ OPTIONAL ]-->
    <script src="../../assets/js/table/bootstrap-table.min.js"></script>

    <script src="../../assets/js/table/bootstrap-table-zh-CN.min.js"></script>

    <!--=================================================-->

    <!--Morris.js [ OPTIONAL ]-->
    <script src="../../assets/js/morris.min.js"></script>
    <script src="../../assets/js/raphael.min.js"></script>

    <!--Sparkline [ OPTIONAL ]-->
    <script src="../../assets/js/jquery.sparkline.min.js"></script>

    <!--NiftyJS [ RECOMMENDED ]-->
    <script src="../../assets/js/nifty.min.js"></script>

    <!--Bootstrap Datepicker [ OPTIONAL ]-->
    <script src="../../assets/js/nice-validator/dist/jquery.validator.min.js"></script>
    <script src="../../assets/js/nice-validator/dist/local/zh-CN.js"></script>

    <script src="../../assets/js/common.js"></script>
    <script src="../../main/js/area.js"></script>
</head>

<!--TIPS-->
<!--You may remove all ID or Class names which contain "demo-", they are only used for demonstration. -->
<body>

<!--Page Title-->
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<div id="page-title">
    <h1 class="page-header text-overflow">区域列表</h1>

    <!--Searchbox-->
    <!--<div class="searchbox">-->
    <!--<div class="input-group custom-search-form">-->
    <!--<input type="text" class="form-control" placeholder="Search..">-->
    <!--<span class="input-group-btn">-->
    <!--<button class="text-muted" type="button"><i class="demo-pli-magnifi-glass"></i></button>-->
    <!--</span>-->
    <!--</div>-->
    <!--</div>-->
</div>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<!--End page title-->

<!--Breadcrumb-->
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<ol class="breadcrumb">
    <li><a href="#">首页</a></li>
    <li class="active">房屋管理</li>
    <li class="active">区域列表</li>
</ol>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<!--End breadcrumb-->

<!--Page content-->
<!--===================================================-->
<div id="page-content">
    <div class="panel">
        <div class="panel-body">
            <div id="demo-toolbar-row">
                <button class="btn btn-primary" data-target="#demo-default-modal" data-toggle="modal">
                    <i class="ion-plus-round"></i> 添加
                </button>
                <button class="btn btn-danger" id="demo-delete-row" disabled="disabled">
                    <i class="ion-close-round"></i> 删除
                </button>
            </div>
            <table id="demo-editable"
                   data-toolbar="#demo-toolbar-row"
                   data-search="true"
                   data-show-refresh="true"
                   data-show-toggle="true"
                   data-show-columns="true"
                   data-side-pagination="server"
                   data-pagination="true">
            </table>
        </div>
    </div>
</div>
<!--===================================================-->
<!--End page content-->

<div class="modal fade" id="demo-default-modal" role="dialog" tabindex="-1" aria-labelledby="demo-default-modal"
     aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

            <!--Modal header-->
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><i class="pci-cross pci-circle"></i>
                </button>
                <h4 class="modal-title">区域信息</h4>
            </div>

            <!--Modal body-->
            <div class="modal-body">
                <form id="edit-form" class="form-horizontal form-ajax" role="form" data-toggle="validator">
                    <div id="errtips" class="hide"></div>
                    <input type="hidden" name="id"/>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3">
                            <span class="text-danger">*</span> 区域名称：
                        </label>
                        <div class="col-xs-12 col-sm-8">
                            <input type="text" name="areaName" class="form-control" placeholder="请输入区域名称"
                                   data-rule="required">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-3">
                            <span class="text-danger">*</span> 物业费（元/月/平米）：
                        </label>
                        <div class="col-xs-12 col-sm-8">
                            <input type="text" name="manageFee" class="form-control" placeholder="请输入物业费"
                                   data-rule="required">
                        </div>
                    </div>
                </form>
            </div>

            <!--Modal footer-->
            <div class="modal-footer">
                <button data-dismiss="modal" class="btn btn-default" type="button">关闭</button>
                <button class="btn btn-primary btn-save">保存</button>
            </div>
        </div>
    </div>
</div>
    <!--===================================================-->
    <!-- END OF CONTAINER -->

</body>
</html>
